<template>
  <div class="infinite-container">
    <mu-flexbox class="bgwhite setting-nav">
      <mu-flexbox-item @click.native="go('/inpatient-care/prePay')">
        <i class="w-icon w-icon-zyfw_zyyjj inline-block"></i>
        <div class="text">住院预缴金</div>
      </mu-flexbox-item>
      <mu-flexbox-item @click.native="go('/inpatient-care/fee')">
        <i class="w-icon w-icon-zyfw_zyfy inline-block"></i>
        <div class="text">住院费用</div>
      </mu-flexbox-item>
      <mu-flexbox-item @click.native="go('/mainReportRecord', '2')">
        <i class="w-icon w-icon-zyfw_bgcx inline-block"></i>
        <div class="text">住院报告</div>
      </mu-flexbox-item>
      
    </mu-flexbox>
    <mu-divider/>

  </div>
</template>

<script>
export default {
  mounted () {
    this.$store.commit('UPDATE_FOOTER')
  },
  beforeDestroy () {
    this.$store.commit('UPDATE_FOOTER')
  },
  methods: {
    go (url, type) {
      if (!url) {
        return
      }
      let u1 = url
      if (type) {
        u1 = url + '?type=' + type
      }
      this.$router.push(u1)
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../common/css/vars.less';

.setting-nav {
  text-align: center;
  padding: 30px 0;
  img {
    width: 30px;
  }
  .text{
    padding-top: 10px;
  }
  .mu-flexbox-item{
    border-left:1px solid #f2f2f2;
  }
}
</style>
